<template>
    <div>
        <x-header :right-options="{showMore: true}" @on-click-more="showMenus = true">with more menu</x-header>
        <div v-transfer-dom>
            <actionsheet :menus="menus" v-model="showMenus" @on-click-menu="click"></actionsheet>
        </div>
    </div>
</template>
<script>

    import Vue from 'vue'
    import { XHeader, TransferDom,Actionsheet} from 'vux'
    export default {
        directives: {
            TransferDom
        },
        components: {
            XHeader,
            Actionsheet
        },
        data () {
            return {
                menus: {
                    list: '活动列表',
                    register:'用户注册',
                    login:'用户登录'
                },
                showMenus: false,
                showMore: true
            }
        },
        methods:{
            click (key) {
                this.$router.push({ path: key })
            },
        }

    }
</script>